<template>
	<div class="indexnav">
		
		<div class="eveyday">
			<div></div>
			<p>电台分类</p>
		</div>
		
		<div class="eveyday">
			<div></div>
			<p>电台排行</p>
		</div>
		
		<div class="eveyday">
			<div></div>
			<p>付费精品</p>
		</div>
		
		<div class="eveyday">
			<div></div>
			<p>主播学院</p>
		</div>
		
	
		
	</div>
</template>

<script>
	export default{
		
	}
</script>

<style lang="scss" scoped>

	@import "~@/assets/css/common.scss";
	.indexnav{
		display: flex;
		justify-content: space-around;
		padding:vw(10) vw(10);
		align-items: center;
		background:#fff;
		border-bottom:1px solid #eee;
		.eveyday{
			text-align:center;
			div{
				width: vw(40);
				height: vw(40);
				border-radius: 50%;
				background: linear-gradient(#ee0979,#ff6a00);
				margin: 0 auto;
			}
			p{
				padding: vw(6) 0;
				font-size: vw(12);
				color: #666;
			}
		}
	}
</style>